.taskForm {
  display: block;

  // margin-top: 40px;
  ::v-deep .feedbackId .el-input__inner {
    height: 28px;
  }

  ::v-deep .el-form-item {
    margin-bottom: 60px !important;
  }

  #trackItems {
    width: 100%;
    height: unset;
    margin-bottom: 0px !important;
  }

  ::v-deep #trackItems .el-textarea__inner {
    height: 70px;
    margin-top: 5px;
    border: 1px solid #dadee0;
    border-radius: 2px;
  }
}

::v-deep .uploadFiles .el-form-item__content {
  line-height: 0;
}

/* 转任务弹出框样式 -- 结束 */

::v-deep .el-range-editor.el-input__inner {
  width: 210px;
}

.aboutOptions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.setting_btn {
  width: 70px;
  height: 30px;
  background: #eaf2ff;
  box-sizing: border-box;
  border: 1px solid #3579e0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3579e0;

  &:hover {
    background-color: #3579e0;
    color: #ffffff;
  }

  span {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url('~@/assets/image/icon/Nav_Icon_ArrowDown1.png');
    background-size: cover;
  }
}

::v-deep .el-table th {
  font-size: 14px;
  color: #3579e0;
  font-weight: 400;
}

::v-deep .el-table th.gutter {
  display: none;
}

.Feedback {
  padding: 30px;
  height: 100%;
  box-sizing: border-box;
}

::v-deep .el-table td,
.el-table th {
  padding: 0;
}

::v-deep .el-table th {
  background-color: #f6f6f6 !important;
}

.SelectCondition .el-form-item {
  margin-bottom: 20px !important;
  width: 150px;
  height: 20px;
  margin-right: 10px;
  background: #ffffff;
  border-radius: 5px;
}

.el-form-item {
  //  margin-bottom: 20px !important;
  //  width: 150px;
  //  height: 20px;
  //  margin-right: 10px;
  background: #ffffff;
  border-radius: 5px;
}

.SelectCondition {
  padding: 15px 30px;
  box-sizing: border-box;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(152, 160, 179, 0.2);
  border-radius: 5px;
}

.search_btn {
  // margin-left: 20px;
  width: 70px;
  height: 30px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-left: 10px;

  &:hover {
    background: #3579e0;
    color: #ffffff;
  }
}

.reset_btn {
  width: 70px;
  height: 30px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;

  &:hover {
    background: #3579e0;
    color: #ffffff;
  }
}

.export_btn {
  width: 70px;
  height: 30px;
  background: #eaf2ff;
  box-sizing: border-box;
  border: 1px solid #3579e0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3579e0;
  margin-left: 10px;

  &:hover {
    color: #ffffff;
    background-color: #3579e0;
  }
}

.create_btn {
  width: 70px;
  height: 30px;
  background: #eaf2ff;
  box-sizing: border-box;
  border: 1px solid #3579e0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 0;
  padding: 0ch;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3579e0;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 15px;

  &:hover {
    color: #ffffff;
    background-color: #3579e0;
  }
}

.FeedbackData {
  height: 706px;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 20px;
  box-sizing: border-box;
  background-color: #ffffff;
}

::v-deep .el-card__body {
  box-sizing: border-box;
}

.FeedbackData_table {
  box-sizing: border-box;
}

.cell_class {
  text-align: center;
}

.paginationClock {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 0;
}

.deleteOption_btn {
  margin-right: 15px;
  width: 20px;
  height: 20px;
  display: flex;
  padding: 0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.dateTime {
  width: 200px;
}

.last_btn {
  margin-left: 152px;
}

::v-deep .el-card__body {
  padding: 0;
}

::v-deep .el-table__row.el-table__row--striped {
  background: yellow !important;
}

::v-deep .el-form-item {
  border: none;
}

::v-deep .el-date-editor .el-range-input {
  width: 60px;
  padding: 0;
}

::v-deep .el-date-editor .el-range-separator {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
}

::v-deep tbody tr:nth-child(2n) {
  background: #ffffff;
}

.option_export,
.option_look,
.option_edit,
.option_delete,
.option_suspend,
.option_confirm,
.option_reback,
.option_close,
.option_update,
.option_contine,
.option_life,
.option_more {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  position: relative;
  cursor: pointer;
  top: 5px;
}
.option_contine {
  background: url('~@/assets/image/dropDownMenu/Btn_14_Selected@2x.png') no-repeat center;
  background-size: contain;
}

.option_export {
  background: url('~@/assets/image/options/Ican_4_Selected@2x.png');

  &:hover {
    opacity: 0.5;
  }

  &.noselect {
    background: url('~@/assets/image/options/Ican_1_Normal@2x.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  background-size: contain;
}

.option_look {
  background: url('~@/assets/image/options/Ican_8_Normal@2x.png');
  background-size: contain;
}

.option_edit {
  background: url('~@/assets/image/options/Ican_5_Selected@2x.png');
  background-size: contain;
}

.option_delete {
  background: url('~@/assets/image/options/Ican_1_Selected@2x.png');

  &.noselect {
    background: url('~@/assets/image/options/Ican_3_Normal@2x.png');

    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  background-size: contain;
}

.option_suspend {
  background: url('~@/assets/image/options/Ican_2_Selected@2x.png');

  &.noselect {
    background: url('~@/assets/image/options/Ican_5_Normal@2x.png');

    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  .option_confirm {
    background: url('../../../../../../assets/image/options/circleType8.png');

    &.noselect {
      background: url('~@/assets/image/options/Ican_10_Normal@2x.png');

      display: inline-block;
      width: 16px;
      height: 16px;
      position: relative;
      cursor: pointer;
      top: 5px;
      background-size: contain;
    }

    background-size: contain;
  }

  background-size: contain;
}

.option_reback {
  background: url('~@/assets/image/options/Ican_3_Selected@2x.png');

  &.noselect {
    background: url('~@/assets/image/options/Ican_11_Normal@2x.png');

    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  background-size: contain;
}

.option_close {
  background: url('~@/assets/image/options/Ican_12_Selected@2x.png');

  &.noselect {
    background: url('~@/assets/image/options/Ican_12_Normal@2x.png');

    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  .option_update {
    background: url('~@/assets/image/options/squireType2.png');

    &.noselect {
      background: url('~@/assets/image/options/Ican_9_Normal@2x.png');

      display: inline-block;
      width: 16px;
      height: 16px;
      position: relative;
      cursor: pointer;
      top: 5px;
      background-size: contain;
    }

    background-size: contain;
  }

  background-size: contain;
}

.option_life {
  background: url('~@/assets/image/options/Ican_13_Selected@2x.png');

  &.noselect {
    background: url('~@/assets/image/options/Ican_13_Normal@2x.png');

    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  background-size: contain;
}

.option_more {
  background: url('~@/assets/image/options/Btn_More_Selected@2x.png');

  &.noselect {
    background: url('~@/assets/image/options/Btn_More@2x.png');

    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 5px;
    background-size: contain;
  }

  background-size: contain;
}

/* 取消按钮样式 */
.submitCancel {
  width: 70px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  padding: 0;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;

  &:hover {
    background: rgba(204, 204, 204, 0.5);
    border: 1px solid #bfbfbf;
    border-radius: 5px;
  }
}

/* 确认按钮样式 */
.submitReme {
  width: 70px;
  height: 30px;
  border-radius: 5px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding: 0;
  background: #3b8af7;
  color: #ffffff;
  border: 1px solid #3b8af7;

  &:hover {
    background: #3579e0;
    opacity: 0.8;
    border-radius: 5px;
  }

  &.delete {
    width: 70px;
    height: 30px;
    border-radius: 5px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    padding: 0;
    background: #ed4747;
    color: #ffffff;
    border: 1px solid #ed4747;
  }
}

/* 回退弹出框样式 -- 开始 */
::v-deep .reback .el-dialog__header {
  width: 100% !important;
}

::v-deep .reback .el-dialog__body {
  padding: 10px 30px;
  height: 165px;
  overflow: auto;
}

::v-deep .reback .el-dialog {
  height: 322px;
  box-sizing: border-box;
  border-radius: 5px;
}

::v-deep .rebackReason textarea {
  width: 480px;
  height: 80px;
  background: #ffffff;
  border: 1px solid #dadee0;
  border-radius: 2px;
}

/* 回退弹出框样式 -- 结束 */
/* 关闭弹出框样式 -- 开始 */
::v-deep .close .el-dialog__header {
  width: 100% !important;
}

::v-deep .close .el-dialog__body {
  padding: 10px 30px;
  height: 600px;
  overflow: auto;
}

::v-deep .close .el-dialog {
  border-radius: 5px;
  height: 765px;
  box-sizing: border-box;
}

.closeForm {
  display: block;

  ::v-deep .el-form-item {
    margin-bottom: 15px;
  }

  ::v-deep .el-form-item__label {
    padding: 0;
  }

  ::v-deep .dialog-footer {
    margin-top: 0;
  }
}

::v-deep .closeForm .el-dialog__header {
  width: 100% !important;
}

::v-deep .closeForm .el-dialog__body {
  padding: 10px 30px;
  height: 263px;
  overflow: auto;
}

::v-deep .closeForm .el-dialog {
  border-radius: 5px;
  height: 421px;
  box-sizing: border-box;
}

.creatFeedForm {
  display: block;
}

::v-deep .creatFeedForm .el-form-item {
  margin-bottom: 60px !important;
}

::v-deep .creatFeedForm .el-dialog__header {
  width: 100% !important;
}

::v-deep .creatFeedForm .el-dialog__body {
  padding: 10px 30px;
  height: 390px;
  overflow: auto;
}

::v-deep .creatFeedForm .el-dialog {
  border-radius: 5px;
  height: 552px;
  box-sizing: border-box;
}

::v-deep .creatFeedForm .el-form-item {
  margin-bottom: 15px !important;
  //  width: 480px;
  height: auto;
}

::v-deep .closeReason textarea {
  width: 480px;
  height: 80px;
  background: #ffffff;
  border: 1px solid #dadee0;
  border-radius: 2px;
}

::v-deep .closeReason .el-input__inner {
  width: 230px;
  height: 28px;
}

/* 关闭弹出框样式 -- 结束 */
/* 删除弹出框样式 -- 开始 */
::v-deep .delete .el-dialog__header {
  width: 100% !important;
  border-bottom: 1px solid #ed4747;
}

::v-deep .delete .el-dialog__body {
  padding: 10px 30px;
  height: 78px;
  overflow: auto;
}

::v-deep .delete .el-dialog {
  height: 234px;
  box-sizing: border-box;
  border-radius: 5px;
}

::v-deep .deleteReason textarea {
  width: 480px;
  height: 80px;
  background: #ffffff;
  border: 1px solid #dadee0;
  border-radius: 2px;
}

.deleteMessage {
  margin-top: 10px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}

/* 删除弹出框样式 -- 结束 */

/* 转任务弹出框样式 -- 开始 */
::v-deep .update .el-dialog__header {
  width: 100% !important;
}

::v-deep .update .el-dialog__body {
  padding: 10px 30px;
  height: 351px;
  overflow: auto;
}

::v-deep .update .el-dialog {
  border-radius: 5px;
  height: 511px;
  box-sizing: border-box;
}

.updateForm {
  display: block;
}

::v-deep .updateForm .el-form-item {
  margin-bottom: 12px !important;
}

//  ::v-deep .extra .el-form-item__label {
//    margin-top: 20px;
//  }
::v-deep .updateReason textarea {
  width: 480px;
  height: 80px;
  margin-top: 8px;
  background: #ffffff;
  border: 1px solid #dadee0;
  border-radius: 2px;
}

::v-deep .nowStage .el-input__inner {
  height: 28px;
}

/* 转任务弹出框样式 -- 结束 */

/* 更新进度弹出框样式 -- 开始 */
::v-deep .task .el-dialog__header {
  width: 100% !important;
}

::v-deep .task .el-dialog__body {
  padding: 10px 30px;
  overflow: auto;
}

::v-deep .task .el-dialog {
  border-radius: 5px;
  box-sizing: border-box;
}

//  ::v-deep .extra .el-form-item__label {
//    margin-top: 20px;
//  }
::v-deep .taskReason textarea {
  width: 480px;
  height: 80px;
  margin-top: 8px;
  background: #ffffff;
  border: 1px solid #dadee0;
  border-radius: 2px;
}

::v-deep .nowStage .el-input__inner {
  height: 28px;
}

/* 更新进度弹出框样式 -- 结束 */
/* 申请上报弹出框样式 -- 开始 */
::v-deep .application .el-dialog__header {
  width: 100% !important;
}

::v-deep .application .el-dialog__body {
  padding: 10px 30px;
  height: 526px;
  overflow: auto;
}

::v-deep .application .el-dialog {
  border-radius: 5px;
  height: 684px;
  box-sizing: border-box;
}

.applicationForm {
  display: block;
}

::v-deep .applicationReason textarea {
  height: 150px;
  background: #ffffff;
  border: 1px solid #dadee0;
  border-radius: 2px;
}

::v-deep .applicationReason .el-input__inner {
  width: 230px;
  height: 28px;
}

/* 申请上报弹出框样式 -- 结束 */
/* 更多下拉样式开始 */
.el-dropdown-menu {
  .el-dropdown-menu__item {
    display: flex;
    align-items: center;
  }
  .applicationItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Ican_4_Selected@2x.png') no-repeat center;
    background-size: contain;
  }

  .turnTaskItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Btn_16_Selected@2x.png') no-repeat center;
    background-size: contain;
  }

  .turnDemandItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Ican_6_Selected@2x.png') no-repeat center;
    background-size: contain;
  }

  .turnBugItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Ican_7_Selected@2x.png') no-repeat center;
    background-size: contain;
  }

  .isDelateItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Btn_14_Selected@2x.png') no-repeat center;
    background-size: contain;
  }

  .creatFeedItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Btn_15_Selected@2x.png') no-repeat center;
    background-size: contain;
  }

  .transferItem:hover .hoverMenuItem {
    background: url('~@/assets/image/dropDownMenu/Ican_8_Selected@2x.png') no-repeat center;
    background-size: contain;
  }
}

.hoverMenuItem {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;

  // padding-top: 10px;
  &.application {
    background: url('~@/assets/image/options/Ican_4_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.turnTask {
    background: url('~@/assets/image/dropDownMenu/Btn_16_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.turnDemand {
    background: url('~@/assets/image/options/Ican_6_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.turnBug {
    background: url('~@/assets/image/options/Ican_7_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.isDelate {
    background: url('~@/assets/image/options/Btn_14_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.creatFeed {
    background: url('~@/assets/image/dropDownMenu/Btn_15_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.transfer {
    background: url('~@/assets/image/dropDownMenu/Ican_8_Normal@2x.png') no-repeat center;
    background-size: contain;
  }

  &.comment {
    background: url('~@/assets/image/dropDownMenu/Btn_17_Normal@2x.png') no-repeat center;
    background-size: contain;
  }
}

/* 更多下拉样式结束 */

.notclick {
  pointer-events: none;
}

.toPageLink {
  &:hover {
    color: #3579e0;
    cursor: pointer;
  }
}

::v-deep .ql-editor {
  height: 150px;
  overflow: auto;
}

::v-deep .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0;
  //   opacity: 0.8;
  font-size: 12px;
}

::v-deep .createTaskForm {
  .userSelect {
    width: 435px;
    height: 30px;
  }
  .userInput {
    width: 435px;
    height: 30px;
  }
}

::v-deep .applicationForm {
  .userSelect {
    // width: 435px;
    height: 30px;
  }
  .userInput {
    // width:435px;
    height: 30px;
  }
}


.aboutTitle {
  width: 170px;
  cursor: pointer;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
